<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page pageEncoding="utf-8" import="Pojo.Student" %>
<%--
  Created by IntelliJ IDEA.
  User: k
  Date: 2022/4/1
  Time: 14:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
    }

    .header {
        height: 80px;
        border-bottom: 1px solid rgba(242, 242, 242, 0.58);
        display: flex;
    }

    .header-left {
        display: flex;
        width: 92%;
    }

    .header-left-img {
        width: 60px;
        height: 60px;
    }

    .header-left .my_title {
        color: skyblue;
        padding: 10px 0 0 0;
    }

    .header-right-img {
        width: 60px;
        height: 60px;
        padding: 5px;
    }

    .content {
        display: grid;
        height: 500px;
        grid-template-columns: 1fr 6fr;
    }

    .content .menu {
        border-right: .5px solid rgba(242, 242, 242, 0.58);
    }

    .content .menu-item {
        text-align: center;
        padding-bottom: 10px;
    }

    .content .menu-item .menu__checked {
        display: none;
    }

    .content .menu-item .menu__checked:checked + .menu-info {
        background: rgba(75, 156, 255, 0.96);
        color: white;
        line-height: 40px;
        cursor: pointer;
        display: block;
    }

    .o-tb {
        margin: 15px;
        border-collapse: collapse;
        border: 0.5px solid rgba(242, 242, 242, 0.58);
        margin-bottom: 120px;
    }

    .o-tb-head {
        border: none;
        background: rgba(242, 242, 242, 0.58);
    }

    .o-tb-head .head-item .item-cell {
        color: rgba(75, 156, 255, 0.96);
        font-weight: normal;
        text-align: center;
        line-height: 30px;
    }


    .o-tb-body {
        font-size: 14px;
        color: #787878;
    }

    .o-tb-body tr td {
        text-align: center;
        line-height: 42px;
    }

    .button__m {
        border: none;
        display: inline-block;
        width: 40px;
        height: 25px;
        background: #007eff;
        border-radius: 3px;
    }

    .button__m a {
        color: white;
    }

    .input-val {
        display: inline-block;
        width: 20px;
        outline: none;
        border: none;
        text-align: center;
        color: #007eff;
        font-size: 20px;
        border-bottom: 1px solid;
    }

    .number-button {
        border: .5px solid #007eff;
        padding: 0 5px;
        /*background: #007eff;*/
        color: #007eff;
    }

    .selected {
        border: .5px solid #007eff;
        padding: 0 5px;
        background: #007eff;
        color: white;
    }

    .page_nav {
        display: flex;
    }

    .font {
        width: 100px;
        text-align: center;
    }

    .searChangeBtn {
        border: none;
        display: inline-block;
        width: 40px;
        height: 25px;
        background: #007eff;
        color: white;
        cursor: pointer;
        outline: none;
    }

    .searChangeBtn:hover {
        background: #0040ff;
    }
</style>
<body>
<header class="header">
    <div class="header-left">
        <img class="header-left-img" src="img/osc.png" alt="">
        <h3 class="my_title">欢迎${sessionScope.user.sname}，查看学生管理系统</h3>
    </div>
    <div class="header-right">
        <img class="header-right-img" src="img/rocket.png" alt="">
    </div>
</header>


<div class="content" id="content">
    <aside class="menu" id="menu">
        <dl class="menu-list">
            <dt class="menu-item">
                <input class="menu__checked" id="menu__checked" type="radio" checked="">
                <label class="menu-info" for="menu__checked">信息中心</label>
            </dt>
        </dl>
    </aside>
    <section class="main" id="main">
        <table class="o-tb">
            <colgroup>
                <col name="o-table_column_1" width="180">
                <col name="o-table_column_2" width="180">
                <col name="o-table_column_3" width="180">
                <col name="o-table_column_4" width="180">
                <col name="o-table_column_5" width="180">
            </colgroup>
            <thead class="o-tb-head">
            <tr class="head-item" id="head-item">
                <th colspan="1" rowspan="1" class="item-cell">选课编号</th>
                <th colspan="1" rowspan="1" class="item-cell">课程名称</th>
                <th colspan="1" rowspan="1" class="item-cell">上课时间</th>
                <th colspan="1" rowspan="1" class="item-cell">地点</th>
            </tr>
            </thead>
            <tbody class="o-tb-body" id="o-tb-body">
<%--            <tr>--%>
<%--                <td>序号</td>--%>
<%--                <td>姓名</td>--%>
<%--                <td>密码</td>--%>
<%--                <td>年龄</td>--%>
<%--                <td>地址</td>--%>
<%--            </tr>--%>
<%--            <% Student studentInfo = (Student) request.getAttribute("studentInfo");%>--%>
<%--            <%="<tr>"%>--%>
<%--            <%="<td>" + studentInfo.getSno()%>--%>
<%--            <%="<td>" + studentInfo.getSname()%>--%>
<%--            <%="<td>" + studentInfo.getPwd()%>--%>
<%--            <%="<td>" + studentInfo.getAge()%>--%>
<%--            <%="<td>" + studentInfo.getAddress()%>--%>
<%--            <%="</tr>"%>--%>
                <c:forEach items="${requestScope.studentcourse}" var="studentcourse">
                    <tr>
                        <td>${studentcourse.id}</td>
                        <td>${studentcourse.cname}</td>
                        <td>${studentcourse.ctime}</td>
                        <td>${studentcourse.address}</td>
                    </tr>

                </c:forEach>


<td>

</td>
            </tbody>


        </table>





    </section>


</div>

</body>
</html>
